@import '../../config/base.scss';

.home-brand{
	margin: 0.1rem $gap;
	overflow: hidden;
	border: 1px solid $border-grey;
	border-bottom: none;
	border-right: none;


	&-box{
		width: 33%;
		float: left;
		color:$base-dark;
		overflow: hidden;
		border-right: 1px solid $border-grey;
		border-bottom: 1px solid $border-grey;

		.name{
			text-align: center;
			color: #333;
			font-size: 14px;
			font-weight: bold;
			line-height: 30px;
		}

		img{
			display: block;
			width: 100%;
		}
	}

	&-box:nth-child(3n+0){
		border-right: 1px solid $border-grey;
	}
}